THIS PART OF THE SCRIPT GOES BETWEEN THE <HEAD></HEAD> TAGS
(DELETE ANYTHING IN CAPS!!!)  MAKE SURE YOU DO NOT CHANGE THE SPACING IN THE SCRIPT!!!  YOU CAN USE AS MANY GRAPHICS AS YOU LIKE, JUST REMEMBER TO GIVE EACH ONE THEIR OWN NUMBER.


<script type="text/javascript">
      <!-- Image Preload Script

      if (document.images) {

        image1on = new Image();  image1on.src = "DOWN-BUTTON GRAPHIC GOES HERE";  
             
        image1off = new Image();  image1off.src = "UP-BUTTON GRAPHIC GOES HERE";  
      }

      function turnOn(imageName) {
        if (document.images) {
          document[imageName].src = eval(imageName + "on.src");
        }
      }

      function turnOff(imageName) {
        if (document.images) {
          document[imageName].src = eval(imageName + "off.src");
        }
      }

      // -->
      
</script>

THIS PART GOES IN THE <BODY></BODY> OF THE PAGE WHEREVER YOU WANT THE MOUSEOVER

<a href="URL FOR YOUR LINK GOES HERE" onmouseover="turnOn('image1')" onmouseout=
          "turnOff('image1')"><img name="image1" src="UP-BUTTON GRAPHIC GOES HERE" width="60" height="60" alt="EMS Button" border="0" ></a>